<!DOCTYPE html>
<html lang="zh-CH">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    <!-- 总容器 -->
    <div class="wrapper">
        <!-- 顶部容器 -->
        <div class="fixed-top">
            <!-- header -->
            <header>
                <img src="img/top1.jpg">
                <div class="location-text">
                     云南大学(呈贡校区) <i class="fa fa-angle-down"></i>
                </div>
            </header>
            <!-- search -->
            <div class="search">
                <div class="search-fixed-top" id="fixedBox">
                    <div class="search-box">
                        <div class="search-box-left">
                            附近的美食
                        </div>
                        <div class="search-box-right">
                            搜索
                        </div>
                    </div>
                    <div class="scan">
                        <img src="img/scan.jpg">
                    </div>
                </div>
            </div>
        </div>


        <!-- 分类 -->
        <ul class="food-type">
            <li onclick="location.href='businessList.html'">
                <img src="img/fl1.jpg">
                <p>外卖</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl2.jpg">
                <p>超市便利</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl3.jpg">
                <p>酒店民宿</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl4.jpg">
                <p>休闲玩乐</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl5.jpg">
                <p>看病买药</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl6.jpg">
                <p>团购</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl7.jpg">
                <p>美食</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl8.jpg">
                <p>洗浴汗蒸</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl9.jpg">
                <p>跑腿</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl10.jpg">
                <p>电影演出</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl11.jpg">
                <p>美团优选</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl12.jpg">
                <p>拼好饭</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl13.jpg">
                <p>特价团</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl14.jpg">
                <p>免费水果</p>
            </li>
            <li onclick="location.href='businessList.html'">
                <img src="img/fl15.jpg">
                <p>骑车</p>
            </li>
        </ul>

        <!-- 推荐列表 -->
        <div class="list-top"></div>
        <ul class="list">
            <li class="class1">
                <div class="head">
                    <p class="title">美团优选</p>
                    <p class="tag">明日达超市</p>
                </div>
                <div class="photograph">
                    <img src="img/youxuan1.jpg">
                    <div class="text">
                        <span class="c1"><i class="fa fa-rmb"></i></span>
                        <span class="c2">12.</span>
                        <span class="c3">98</span>
                        <span class="c4">万人团</span>
                    </div>
                </div>
                <div class="photograph">
                    <img src="img/youxuan2.jpg">
                    <div class="text">
                        <span class="c1"><i class="fa fa-rmb"></i></span>
                        <span class="c2">15.</span>
                        <span class="c3">87</span>
                        <span class="c4">秒杀</span>
                    </div>
                </div>
                <div class="photograph">
                    <img src="img/youxaun3.jpg">
                    <div class="text">
                        <span class="c1"><i class="fa fa-rmb"></i></span>
                        <span class="c2">11.</span>
                        <span class="c3">99</span>
                        <span class="c4">秒杀</span>
                    </div>
                </div>
                <div class="photograph">
                    <img src="img/youxuan4.jpg">
                    <div class="text">
                        <span class="c1"><i class="fa fa-rmb"></i></span>
                        <span class="c2">6.</span>
                        <span class="c3">49</span>
                        <span class="c4">秒杀</span>
                    </div>
                </div>
            </li>
            <li class="class4" onclick="location.href='shopping.html'">
                <div class="head">
                    <p class="title">特价团</p>
                    <p class="tag">爆款热抢中</p>
                </div>
                <div class="photograph1">
                    <img src="img/tejia1.jpg">
                    <p>华莱士·全鸡汉堡【20年...</p>
                    <div class="text1">
                        <span class="c1"><i class="fa fa-rmb"></i></span>
                        <span class="c2">2.</span>
                        <span class="c3">9</span>
                        <span class="c4"><i class="fa fa-rmb"></i>27</span>
                        <span class="c5">1折</span>
                    </div>
                </div>
            </li>
            <li class="class2">
                <div class="head">
                    <p class="title">美团直播</p>
                    <div class="tag">
                        <i class="fa fa-bar-chart"></i>
                        <p>7.12万观看</p>
                    </div>
                </div>
                <img src="img/zhibo1.jpg">
            </li>
            <li class="class3">
                <img src="img/business1.jpg">
                <div class="text">
                    <p class="name">猪肚鸡汤饭（云之都美食...</p>
                    <p class="score">暂无评分 | 月售200+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business2.jpg">
                <div class="text">
                    <p class="name">沪上阿姨鲜果茶（呈贡雨花
                        广场店）</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business3.jpg">
                <div class="text">
                    <p class="name">味邻客轻食（大学城健康便
                        当·意面·低卡三明治）</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business4.jpg">
                <div class="text">
                    <p class="name">晓厨凡临沧风味（第七街...</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business5.jpg">
                <div class="text">
                    <p class="name">人民·大食堂（大学城店）</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business6.jpg">
                <div class="text">
                    <p class="name">饭不二香稻米炒饭·炒面·炒
                        河粉（雨花店）</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business7.jpg">
                <div class="text">
                    <p class="name">冯小满·火山芝芝牛肉饭
                        （昆明大学城店）</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business8.jpg">
                <div class="text">
                    <p class="name">蒙古手撕烤鸡·碳烤肉</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
            <li class="class3">
                <img src="img/business9.jpg">
                <div class="text">
                    <p class="name">蜜雪冰城（大学城地铁口...</p>
                    <p class="score">4.9分 | 月售2000+</p>
                    <p class="discount">
                        <span class="shenquan">神券</span>
                        <span>25减2</span>
                        <span>5.05折起</span>
                        <span>65减7</span>
                    </p>
                </div>
            </li>
        </ul>

        <!-- 底部菜单 -->
        <ul class="footer">
            <li class="bottom1" onclick="location.href='index.html'">
                <img src="img/bottom1.jpg">
                <p>推荐</p>
            </li>
            <li class="bottom2">
                <img src="img/bottom2.jpg">
                <p>视频</p>
            </li>
            <li class="bottom2" onclick="location.href='message.html'">
                <img src="img/bottom3.jpg">
                <p>消息</p>
            </li>
            <li class="bottom2" onclick="location.href='cart.html'">
                <img src="img/bottom4.jpg">
                <p>购物车</p>
            </li>
            <li class="bottom2" onclick="location.href='mine.html'">
                <img src="img/bottom5.jpg">
                <p>我的</p>
            </li>
        </ul>

    </div>

</body>
</html>